.clearfix {
	zoom: 1;
}

.clearfix:after {
	clear: both;
	content: " ";
	display: table;
	height: 0;
	visibility: hidden;
}

body {
	font: 12px/1.5 "Microsoft YaHei", "Source Sans", helvetica, arial,
		sans-serif;
	height: 100%;
	overflow: hidden;
}

div, p, ul, li, form, input, dl, dt, dd, img {
	padding: 0;
	margin: 0;
}
/* .datetimepicker{
	max-height: 230px;
    overflow-y: auto;
} */
ol, ul {
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	padding: 0;
	margin: 0;
}

article, aside, details, figcaption, figure, footer, header, nav,
	section {
	display: block;
}

.nav-bar {
	position: fixed;
	top: 0;
	z-index:999;
	width: 100%;
	height: 70px;
	background-color: #2f323a;
	border-top: 1px solid #363941;
	border-bottom: 1px solid #363941;
	padding: 0 20px;
}

.icon-web {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../img/webzl.png") no-repeat;
}
.icon-sell {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../img/sell.png") no-repeat;
}
.icon-set {
	display: inline-block;
	width: 12px;
	height: 14px;
	background: url("../img/iconSet.png") no-repeat;
}
.icon-idc {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url("../img/iconIdc.png") no-repeat;
}
.icon-fish {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../img/iconFish.png") no-repeat;
}
.icon-count {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../img/iconCount.png") no-repeat;
}
.icon-platform {
	display: inline-block;
	width: 14px;
	height: 12px;
	background: url("../img/iconPlatform.png") no-repeat;
}
.icon-offnet {
	display: inline-block;
	width: 15px;
	height: 12px;
	background: url("../img/iconOffNet.png") no-repeat;
}

.icon-log {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../img/iconlog.png") no-repeat;
}

.icon-paper {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../img/iconPaper.png") no-repeat;
}
.icon-alerm {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../img/iconAlerm.png") no-repeat;
}
.icon-scene {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../img/iconScene.png") no-repeat;
}
.icon-message {
	display: inline-block;
	width: 16px;
	height: 12px;
	background: url("../img/iconMessage.png") no-repeat;
}
.icon-dns {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../img/dns.png") no-repeat;
}
.icon-monitor {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../img/monitor_icon.png") no-repeat;
}
/* rsing */
 .nav-bar:before{
 float:left;
width:250px;
height:70px;
margin-top:6px;
background: url("../loginRes/logobanner.png") no-repeat;
} 
/*soc  */
/* .nav-bar:before{
width:40px;
height:40px;
margin-top:15px;
background: url("../img/runstoneLogo.png") no-repeat;
} */
/* rsing */
.nav-bar .title {
	float:left;
	/* position:absolute;
	top:0;
	left:200px; */
	color: #ffffff;
	height: 70px;
	line-height: 70px;
	padding-left: 50px;
	font-size:18px;
	
}
/* soc */
/* .nav-bar .title {
	position:absolute;
	top:0;
	left:40px;
	color: #ffffff;
	height: 70px;
	line-height: 70px;
	padding-left: 50px;
	font-size:18px;
	
} */
.nav-bar .toolbar {
	float:right;
	top:0;
	background-color: #26292f;
	height: 32px;
	line-height: 32px;
	border-radius: 13px;
	margin-top: 19px;
}
.nav-bar .screenIcon {
	/* position: absolute;
    right: 300px; */
    float:right;
    margin-right:10px;
    top: 0;
    height: 32px;
    line-height: 32px;
    border-radius: 13px;
    margin-top: 16px;
}
.nav-bar .screenIcon span{
	padding:0 !important;
}
.nav-bar .toolbar span {
	display: inline-block;
	position: relative;
	padding: 0 15px;
	max-width: 130px;
	font-size: 12px;
	color: #787c88;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.nav-bar .toolbar span.user {
	color: #ffffff;
}
.nav-bar .toolbar .small-arr {
	position: absolute;
	z-index: 10;
	right: 0;
	top: 14px;
	border-color: #787c88 transparent transparent;
	border-style: solid dashed dashed;
	border-width: 5px 5px 0;
	font-size: 0;
	height: 0;
	width: 0;
	line-height: 0;
}
/* rsing */
 .nav-bar .menu {
	/* position: absolute;
	top: -1px;
	right: 300px; */
	float:left;
	bottom: 0;
	left: 217px;
	left: 400px;
	width:auto;
	z-index: auto;
	overflow: hidden;
} 
/* SOC */
/* .nav-bar .menu {
	position: absolute;
	top: -1px;
	right: 300px;
	bottom: 0;
	left: 217px;
	left: 220px;
	width:auto;
	z-index: auto;
	overflow: hidden;
} */
.nav-bar .menu .menu-icon {
	display: block;
	margin: 10px auto 3px;
	width: 24px;
	height: 24px;
	background: url("../img/icon.png") no-repeat;
}

.nav-bar .menu .menu-icon1 {
	display: block;
	margin: 10px auto 3px;
	background: url("../img/icony.png") no-repeat;
}

.nav-bar .menu .menu-icon.realtime {
	background-position: 0 0;
}

.nav-bar .menu .menu-icon.user {
	background-position: 0 -24px;
}

.nav-bar .menu .menu-icon.waring {
	background-position: 0 -48px;
}

.nav-bar .menu .menu-icon.scene {
	background-position: 0 -72px;
}

.nav-bar .menu .menu-icon.log {
	background-position: 0 -96px;
}

.nav-bar .menu .menu-icon.data {
	background-position: 0 -120px;
}

.nav-bar .menu .menu-icon.stock {
	background-position: 0 -144px;
}

.nav-bar .menu .menu-icon.setting {
	background-position: 0 -168px;
}

.nav-bar .menu .menu-icon.wrench {
	background-position: 0 -264px;
}

/*闁跨喐鏋婚幏宄版禈闁跨喐鏋婚幏鐑界帛闁跨喐鏋婚幏鐑芥晸閺傘倖瀚瑰锟�  */
.nav-bar .menu .menu-icon1.log {
	width: 22px;
	height: 22px;
	background-position: -2px -122px;
}

.nav-bar .menu .menu-icon1.set {
	width: 21px;
	height: 22px;
	background-position: -1px -174px;
}
.nav-bar .menu .menu-icon1.idc {
	width: 22px;
	height: 22px;
	background-position: -1px -375px;
}
.nav-bar .menu .menu-icon1.sell {
	width: 24px;
	height: 22px;
	background-position: 0 -199px;
}
.nav-bar .menu .menu-icon1.web {
	width: 22px;
	height: 22px;
	background-position: -2px -98px;
}
.nav-bar .menu .menu-icon1.message {
	width:29px;
	height:22px;
	background-position: 0 -298px;
}
.nav-bar .menu .menu-icon1.screen{
	width:22px;
	height:22px;
	background-position: 0 -248px;
}
.nav-bar .menu .menu-icon1.offNet{
	width:28px;
	height:22px;
	background-position: 0 -349px;
}
.nav-bar .menu .menu-icon1.countPaper{
	width:22px;
	height:22px;
	background-position: -1px -322px;
}
.nav-bar .menu .menu-icon1.fish {
	width: 22px;
	height: 22px;
	background-position: -2px -73px;
}

.nav-bar .menu .menu-icon1.paper {
	width: 22px;
	height: 22px;
	background-position: 0 -148px;
}
.nav-bar .menu .menu-icon1.platform {
	width: 26px;
	height: 22px;
	background-position: 0 -402px;
}
.nav-bar .menu .menu-icon1.alarm {
	width: 23px;
	height: 22px;
	background-position: 0 -222px;
}
.nav-bar .menu .menu-icon1.monitor {
	width: 26px;
	height: 22px;
	background-position: 0 -248px;
}
.nav-bar .menu .menu-icon1.dns {
	width: 22px;
	height: 22px;
	background-position: -1px -272px;
}
.nav-bar .menu li {
	float: left;
	text-align: center;
	color: #787c88;
	height: 70px;
	padding: 0 20px;
	border-top: 3px solid transparent;
	cursor: pointer;
}

.nav-bar .menu li:hover, .nav-bar .menu li.active {
	border-top-color: #5c9df5;
	color: #5c9df5;
}

.nav-bar .menu li:hover .menu-icon.realtime, .nav-bar .menu li.active .menu-icon.realtime
	{
	background-position: -24px 0;
}

.nav-bar .menu li:hover .menu-icon.user, .nav-bar .menu li.active .menu-icon.user
	{
	background-position: -24px -24px;
}

.nav-bar .menu li:hover .menu-icon.waring, .nav-bar .menu li.active .menu-icon.waring
	{
	background-position: -24px -48px;
}

.nav-bar .menu li:hover .menu-icon.scene, .nav-bar .menu li.active .menu-icon.scene
	{
	background-position: -24px -72px;
}

.nav-bar .menu li:hover .menu-icon.log, .nav-bar .menu li.active .menu-icon.log
	{
	background-position: -24px -96px;
}

.nav-bar .menu li:hover .menu-icon.data, .nav-bar .menu li.active .menu-icon.data
	{
	background-position: -24px -120px;
}

.nav-bar .menu li:hover .menu-icon.stock, .nav-bar .menu li.active .menu-icon.stock
	{
	background-position: -24px -144px;
}

.nav-bar .menu li:hover .menu-icon.setting, .nav-bar .menu li.active .menu-icon.setting
	{
	background-position: -24px -168px;
}

.nav-bar .menu li:hover .menu-icon.wrench, .nav-bar .menu li.active .menu-icon.wrench
	{
	background-position: -24px -264px;
}
/*闁跨喐鏋婚幏宄版禈闁跨喐鏋婚幏鐑芥晸閺傘倖瀚归弰濠庡墾閹风兘鏁撻弬銈嗗婢舵挳鏁撻弬銈嗗闁跨噦鎷�  */
.nav-bar .menu li:hover .menu-icon1.message, .nav-bar .menu li.active .menu-icon1.message
	{
	
	background-position: -31px -298px;
}
.nav-bar .menu li:hover .menu-icon1.screen, .nav-bar .menu li.active .menu-icon1.screen
	{
	
	background-position: -30px -248px;
}
.nav-bar .menu li:hover .menu-icon1.offNet, .nav-bar .menu li.active .menu-icon1.offNet
	{
	background-position: -30px -349px;
}
.nav-bar .menu li:hover .menu-icon1.countPaper, .nav-bar .menu li.active .menu-icon1.countPaper
	{
	background-position: -31px -322px;
}
.nav-bar .menu li:hover .menu-icon1.fish, .nav-bar .menu li.active .menu-icon1.fish
	{
	background-position: -27px -73px;
}

.nav-bar .menu li:hover .menu-icon1.web, .nav-bar .menu li.active .menu-icon1.web
	{
	background-position: -27px -98px;
}
.nav-bar .menu li:hover .menu-icon1.dns, .nav-bar .menu li.active .menu-icon1.dns
	{
	background-position: -26px -272px;
}
.nav-bar .menu li:hover .menu-icon1.set, .nav-bar .menu li.active .menu-icon1.set
	{
	background-position: -25px -174px;
}
.nav-bar .menu li:hover .menu-icon1.idc, .nav-bar .menu li.active .menu-icon1.idc
	{
	background-position: -33px -375px;
}

.nav-bar .menu li:hover .menu-icon1.log, .nav-bar .menu li.active .menu-icon1.log
	{
	background-position: -27px -122px;
}
.nav-bar .menu li:hover .menu-icon1.sell, .nav-bar .menu li.active .menu-icon1.sell
	{
	
	background-position: -28px -199px;
}
.nav-bar .menu li:hover .menu-icon1.paper, .nav-bar .menu li.active .menu-icon1.paper
	{
	
	background-position: -27px -148px;
}
.nav-bar .menu li:hover .menu-icon1.platform, .nav-bar .menu li.active .menu-icon1.platform
	{
	
	background-position: -31px -402px;
}
.nav-bar .menu li:hover .menu-icon1.alarm, .nav-bar .menu li.active .menu-icon1.alarm
	{
	background-position: -27px -222px;
}
.nav-bar .menu li:hover .menu-icon1.monitor, .nav-bar .menu li.active .menu-icon1.monitor
	{
	
	background-position: -30px -248px;
}
.site-wrapper {
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: auto;
}

.site-wrapper .sub-menu {
	position: absolute;
	top: 0;
	right: auto;
	bottom: 0;
	left: 0;
	z-index: auto;
	width: 210px;
	height:100%;
	  overflow-y: hidden;  
	  overflow-x: hidden; 
	background-color: #f0f0f0;
	border-right: 1px solid #ddd;
}

.site-wrapper .sub-menu .title {
	position: relative;
	z-index: 5;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #d8dce4;
	box-shadow: 0px 3px 5px #ebebeb;
	background: url("../img/split.png") no-repeat bottom right;
	color: #0a0d16;
}

.site-wrapper .sub-menu .title1 {
	position: absolute;
	width:100%;
	z-index: 5;
	top:0;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #d8dce4;
	box-shadow: 0px 3px 5px #ebebeb;
	background: url("../img/split.png") no-repeat bottom right;
	color: #0a0d16;
	background:#fff;
}
.site-wrapper .sub-menu .inner {
	position: absolute;
	top: 42px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: auto;
	background-color: #f2f2f2;
	border-right: 1px solid #d8dce4;
	overflow-y: auto;
	overflow-x: hidden;
}

.site-wrapper .sub-menu .inner .panel {
	margin: 0;
	border: 0;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
	border-bottom: 1px solid #ffffff;
}

.site-wrapper .sub-menu .inner .panel:first-child {
	margin-top: 15px;
}

.site-wrapper .sub-menu .inner .panel>a {
	position: relative;
	display: block;
	background: #5093e1;
	height: 42px;
	line-height: 42px;
	text-decoration: none;
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
	color: #ffffff;
	padding-left: 20px;
}

.site-wrapper .sub-menu .inner .panel>a.collapsed {
	background-color: transparent;
	color: #787c88;
}

.site-wrapper .sub-menu .inner .panel>a.collapsed .arrow {
	background-position: 0 -192px;
}

.site-wrapper .sub-menu .inner .panel>a .arrow {
	position: absolute;
	right: 2px;
	top: 9px;
	width: 24px;
	height: 24px;
	background: url("../img/icon.png") no-repeat -24px -192px;
}

.site-wrapper .sub-menu .inner .panel .panel-collapse {
	background-color: #f8f8f8;
}

.site-wrapper .sub-menu .inner .panel .panel-collapse>li {
	color: #787c88;
	height: 28px;
	line-height: 28px;
	padding-left: 30px;
	border-left: 4px solid transparent;
}

.site-wrapper .sub-menu .inner .panel .panel-collapse>li:hover,
	.site-wrapper .sub-menu .inner .panel .panel-collapse>li.active {
	cursor: pointer;
	color: #5093e1;
	border-left-color: #5093e1;
}

.site-wrapper .content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0px;
	z-index: auto;
	overflow: hidden;
}

.site-wrapper .content .crumbs {
	position: absolute;
	top: 0;
	right: 0;
	bottom: auto;
	left: 0;
	z-index: auto;
	height: 42px;
	border-bottom: 1px solid #d8dce4;
	overflow: hidden;
	line-height: 42px;
	padding: 0 12px;
	box-shadow: 0px 3px 5px #f3f3f3;
}

.site-wrapper .content .crumbs span {
	color: #8492af;
}

.site-wrapper .content .sub-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: auto;
	padding: 5px 20px 15px;
	overflow-y: auto;
	overflow-x:hidden;
}

.site-wrapper .content .sub-content .margin-top10 {
	margin-top: 10px;
}

.site-wrapper .content .sub-content .margin-right10 {
	margin-right: 10px;
}

.site-wrapper .content .sub-content .margin-bottom10 {
	margin-bottom: 10px;
}

.site-wrapper .content .sub-content .margin-bottom_10 {
	margin-bottom: -10px !important;
}

.margin-bottom10 {
	margin-bottom: 10px;
}

.margin-left10 {
	margin-left: 10px;
}

.margin-left43 {
	margin-left: 43px;
}

.margin-right10 {
	margin-right: 10px;
}

.margin-right5 {
	margin-right: 5px;
}

.site-wrapper .content .sub-content .color-blue {
	color: #549bea;
}

.site-wrapper .content .sub-content .color-orange {
	color: #f7a760;
}

.site-wrapper .content .sub-content .box {
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	background: #ffffff;
	margin-bottom: 15px;
	padding: 10px;
}

.site-wrapper .content .sub-content .box_new {
	border-radius: 5px;
	background: #ffffff;
	margin-bottom: 5px;
	padding: 10px;
}

.site-wrapper .content .sub-content .box h5 {
	color: #333333;
}

.site-wrapper .content .sub-content .box.dark {
	background: #f8f8f8;
}

span.glyphicon-triangle-bottom, span.glyphicon-triangle-right {
	padding-right: 5px;
}
/* .site-wrapper .content .sub-content table {
  margin-bottom: 0;
  border: 1px solid #e3e3e3;
}
.site-wrapper .content .sub-content table th,
.site-wrapper .content .sub-content table td {
  border-bottom: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  background-color: #f2f2f2;
  font-weight: normal;
  color: #536373;
  vertical-align: middle;
}
.site-wrapper .content .sub-content table td {
  background-color: #ffffff;
  border-right: none;
  color: #536373;
}
.site-wrapper .content .sub-content table td .glyphicon {
  font-size: 14px;
}*/
.site-wrapper .content .sub-content table>tbody>tr:hover>td {
	background-color: #4db94a;
	/* color: #ffffff; */
}

.site-wrapper .content .sub-content .my-pagination {
	padding: 0 10px;
}

.site-wrapper .content .sub-content .my-pagination .left {
	float: left;
}

.site-wrapper .content .sub-content .my-pagination .left select {
	height: 20px;
	line-height: 20px;
}

.site-wrapper .content .sub-content .my-pagination .right {
	float: right;
}

.site-wrapper .content .sub-content .btn {
	min-width: 80px;
}

.site-wrapper .content .sub-content .btn.btn-primary {
	background-color: #549bea;
	border-color: #549bea;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #bababa;
	border-bottom: none;
}

.site-wrapper .content .sub-content .nav li a {
	padding: 5px 10px;
	color: #666666;
	cursor: pointer;
}

.site-wrapper .content .sub-content .nav-tabs>li.active a {
	background: #549bea;
	color: #ffffff;
}

.site-wrapper .content .sub-content .tab-pane {
	min-height: 100px;
}

.site-wrapper .content .sub-content .form-group .form-control {
	border-color: #c9c9c9;
}

.site-wrapper .content .sub-content .form-group label {
	font-weight: normal;
}

.selectedZtreeDiv {
	margin-top: 0;
	/* width:210px; */
}

.selectedZtree {
	background-color: #fff /* #eee */;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	overflow: auto;
	max-height: 150px;
	min-width: 230px;
	width: 100%;
	z-index: 999;
	position: absolute
}

.modalloading {
	position: absolute;
	top: 70px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

.loading {
	width: 500px;
	height: 300px;
	position: absolute;
	top: 30%;
	left: 50%;
	line-height: 56px;
	color: #fff;
	padding-left: 60px;
	font-size: 15px;
	background: transparent url(/rsflow/resource/rsflow/image/loading2.gif)
		no-repeat 10px 40%;
	opacity: 1;
	z-index: 9999;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
/*闁跨喐鏋婚幏鐑姐�夐柨鐔告灮閹峰嘲绱�*/
.my-pagination a {
	color: #333;
}

.my-pagination a:hover, .my-pagination a:focus {
	text-decoration: none;
}

.my-pagination a:hover {
	color: #549bea;
}

/*闁跨喖妯佺拠褎瀚归柨鐔告灮閹峰嘲绱￠柨鐔告灮閹疯渹缍�*/
.site-wrapper .content .sub-content .boxFooter {
	width: 100%;
	background: #fff;
	font-size: 12px;
	color: #333;
	position: fixed;
	bottom: 0;
	box-shadow: 0px -3px 5px #f3f3f3;
	padding: 10px 0;
	left: 210px;
	text-align: center;
	z-index: 9999;
}

/*闁跨喐鏋婚幏宄板晸閺嶅懘鏁撻弬銈嗗闁跨喐鏋婚幏宄扮础*/
.row {
	margin: 0;
}

.form-horizontal .form-group {
	margin: 0;
	margin-bottom: 10px;
	margin-left: -7px;
}

.form_rslog .col-lg-2 {
	width: 25%;
}

.site-wrapper .content .sub-content .form_rslog .btn {
	min-width: 60px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
	.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
	.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
	.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
	.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
	.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding: 0 4px;
}

.minW_box .input-sm {
	min-width: 170px;
	width: 100%;
}

.minW_box .input-sm.minW_none {
	min-width: 0;
}

/*闁跨喐鏋婚幏鐑芥晸妤楄櫣銆嬮幏鐑芥晸閺傘倖瀚归柨鐕傛嫹*/
.width_16 {
	width: 16%;
}

.mr_4 {
	margin-right: 4px;
}

.mr16 {
	margin-right: 16px;
}

.width_40 {
	width: 40px;
}

.margin_bt10 {
	margin: 10px 0;
}

.minH_360 {
	min-height: 360px;
}

.mt_-10 {
	margin-top: -8px;
}

.mr_9 {
	margin-right: 9px;
}

.mr_14 {
	margin-right: 14px;
}

/*闁跨喐鏋婚幏鐑芥晸閺傘倖瀚�*/
.flow_check {
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	color: #333;
}

.flow_check .check_box {
	cursor: pointer;
}

.flow_check .check_icon {
	width: 13px;
	height: 13px;
	background: url("../img/check_icon.png") no-repeat;
	margin: 7px 7px 0 1px;
}

.flow_check .check_icon.radio_blue {
	background-position: -28px -14px;
}

.flow_check .check_icon.radio_blue.radio_blue_active {
	background-position: -42px -14px;
}
/*tab妞ょ敻鏁撻弬銈嗗瀵拷*/
.site-wrapper .content .sub-content .box.list {
	padding: 10px 12px;
}

.box.list ul.nav-tabs {
	border: none;
	margin-bottom: 6px;
}

.box.list ul.nav-tabs>li>a {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #bababa;
	border-bottom: none;
	margin-left: 1px;
	padding: 3px 20px !important;
}

.site-wrapper .content .sub-content .box.list ul.nav-tabs>li.active a {
	border-color: #5093e1;
}

.site-wrapper .content .sub-content .box.list h5 {
	height: 30px;
	line-height: 24px;
}

@media ( min-width : 1260px) {
	.site-wrapper .content .sub-content .form_rslog label {
		text-align: center;
	}
	.site-wrapper .content .sub-content .form_rslog .width_22 {
		width: 22%;
	}
	.site-wrapper .content .sub-content .form_rslog .col-lg-2 label.col-xs-5
		{
		width: 70px;
	}
	.site-wrapper .content .sub-content .form_rslog .btn {
		min-width: 80px;
	}
	.site-wrapper .content .sub-content .form_rslog .col-lg-2 .col-lg-7 {
		width: 70%;
	}
}

@media ( max-width :1260px) {
	.form_rslog .col-lg-1 ,
  .form_rslog .col-lg-2 {
		width: 50%;
	}
	.form_rslog .col-xs-6 {
		width: 50%;
	}
	.form_rslog .col-lg-1 .col-lg-0 {
		width: 41.66%;
	}
	.form_rslog .col-xs-6 .col-xs-5 {
		width: 41.66%;
	}
	.mt_-10 {
		margin-top: 0px;
		margin-left: 0px;
	}
}

.dataTables_length label {
	font-weight: normal;
	margin-top: 6px;
	margin-left: 6px;
}
.table.dataTable thead th, table.dataTable thead td {
	padding: 3px;
	border-top: 1px solid #e3e3e3;
	padding-left: 15px;
}

.table.dataTable thead th:last, table.dataTable thead td:last {
	border-right: none;
}

.table.dataTable tbody th, table.dataTable tbody td {
	padding: 5px;
	padding-left: 15px;
}

.site-wrapper .content .sub-content table td {
	border-right: none;
}

.form-group .form-control {
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	padding: 4px 12px;
}

.form-horizontal .form-group .control-label {
	padding-top: 5px;
}

.site-wrapper .content .sub-content table>tbody>tr td:after {
	content: '';
	clear: both;
	display: block
}

.site-wrapper .content .sub-content table>tbody>tr td {
	zoom: 1;
}

.rechange-icon {
	margin-left: 8px;
	width: 48px;
	height: 16px;
	background: url("../img/rechange.png") no-repeat;
	float: left;
	margin-right: 8px;
}

.rechange-icon.user-server {
	background-position: 0px 0px;
}

.rechange-icon.server-user {
	background-position: 0px -16px;
}

.table-icon {
	margin-top: 2px;
	width: 16px;
	height: 16px;
	background: url("../img/tableicon.png") no-repeat;
	float: left;
	margin-right: 8px;
}

.table-icon.tree-close {
	background-position: 0 0px;
}

.table-icon.tree-open {
	background-position: 0 -16px;
}

.table-icon.icon_flow {
	background-position: 0 -32px;
}

.table-icon.icon_attr {
	background-position: 0 -48px;
}

.table-icon.icon_topn {
	background-position: 0 -64px;
}

.table-icon.icon_exchange {
	background-position: 0 -80px;
}

.table-icon.icon_sub {
	background-position: 0 -96px;
}

.site-wrapper .content .sub-content table>tbody>tr:hover .table-icon.tree-close
	{
	background-position: -16px 0px;
}

.site-wrapper .content .sub-content table>tbody>tr:hover .table-icon.tree-open
	{
	background-position: -16px -16px;
}

.site-wrapper .content .sub-content table>tbody>tr:hover .table-icon.icon_flow
	{
	background-position: -16px -32px;
}

.site-wrapper .content .sub-content table>tbody>tr:hover .table-icon.icon_attr
	{
	background-position: -16px -48px;
}

.site-wrapper .content .sub-content table>tbody>tr:hover .table-icon.icon_topn
	{
	background-position: -16px -64px;
}

.site-wrapper .content .sub-content table>tbody>tr:hover .table-icon.icon_exchange
	{
	background-position: -16px -80px;
}

.site-wrapper .content .sub-content table>tbody>tr:hover .table-icon.icon_sub
	{
	background-position: -16px -96px;
}

.newbox2p3{
	width: 66%;
	display: inline-block;
}
.newbox {
	width: 49.8%;
	display: inline-block;
}
.newbox4 {
	width: 24.8%;
	display: inline-block;
}
.newbox-4 {
	 width: 24.5%;  
	  display: inline-block;  
}
.newbox3 {
	width: 33%;
	display: inline-block;
}
.newbox5 {
	width: 42%;
	display: inline-block;
}
.box-border {
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	background: #ffffff;
	padding: 10px;
}
.div-font{
	font-size: 14px;
}
@media screen and (max-width: 1200px) {
	.newbox {
		width: 100%;
	}
}

.anchorBL {
	display: none;
}

.chart {
	height: 350px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 0px;
}

.chart-1 {
	height: 300px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 0px;
}
.chart-2 {
	height: 250px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 0px;
}
.chart-3 {
	height: 120px;
	width: 49%;
	margin-top: 20px;
	margin-bottom: 0px; 
}
.chart-4 {
	height: 180px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 0px;
}
.chart-5 {
	height: 650px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 0px;
}
.chart-6 {
	height: 400px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 0px;
}
.display {
	display: inline-block
}

.form-control-1 {
	display: block;
	width: 100%;
	height: 36px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
		ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
		.15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

@media ( min-width : 768px) {
	.modal-dialog-wh {
		width: 900px;
		margin: 30px auto;
	}
	.modal-dialog-wh-1 {
		width: 700px;
		margin: 30px auto;
	}
	.modal-dialog-wh2 {
		width: 1000px;
		margin: 0 auto;
	}
	.modal-dialog-wh3 {
		width: 770px;
		margin: 30px auto;
	}
	.modal-dialog-wh4 {
		width: 790px;
		margin: 30px auto;
	}
	.modal-dialog-wh5 {
		width: 400px;
		margin: 0 auto;
	}
	.modal-dialog-wh6 {
		width: 1200px;
		margin: 0 auto;
	}
	.modal-dialog-wh7 {
		width: 830px;
		margin: 0 auto;
	}
	.modal-header-1 {
		padding: 8px 25px;
		border-bottom: 1px solid #e5e5e5;
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	}
	.modal-sm {
		width: 300px;
	}
}

@media ( min-width : 768px) {
	.form-inline .form-group {
		margin-bottom: 10px;
	}
}
.netBox {
	box-sizing: border-box;
	padding: 10px;
	/* box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #e5e5e5; */
	border: solid 1px #ddd;
	width: 49%;
	min-height: 250px;
	border-radius: 5px;
	margin-right: 6px;
}
input {
	cursor: default;
}

.datetimepicker table tr td.day:hover {
	background: #eeeeee;
	cursor: pointer;
}

.pos {
	position: relative;
}

#treeMenu {
	position: absolute;
	left: 0px !important;
	top: 30px !important;
	background: #eee;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	width: 100%;
	z-index: 999;
}

.ztree {
	margin-top: 10px;
	border: 1px solid #ccc;
	width: 220px;
	max-height: 550px;
	border-radius: 4px;
	overflow-y: auto;
	overflow-x: hidden;
}

.ztree li a.curSelectedNode {
	color: red !important;
}

.table-w {
	width: 77%;
	float: right;
}
.table-w1 {
	width: 88%;
	float: right;
}
.d-none {
	display: none;
}

.view {
	width: 680px;
	height: 130px;
	margin-top: 0px
}
.view-2 {
	width: 680px;
	height: 270px;
	margin-top: 0px
}

.view-1 {
	width: 750px;
	height: 130px;
	margin-top: 0px
}
.view-3 {
	width: 750px;
	height: 160px;
	margin-top: 0px
}
.view-4 {
	width: 750px;
	height: 450px;
	margin-top: 0px
}
.view-5 {
	width: 960px;
	height: 450px;
	margin-top: 0px
}
.view-6 {
	width: 750px;
	height: 300px;
	margin-top: 0px
}
/*闁跨喐鏋婚幏宄版憰闁跨喐鏋婚幏鐑芥晸閿燂拷*/
.clearfloat:before {
	content: "";
	display: table;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfloat:after {
	content: "";
	display: table;
	height: 0;
	clear: both;
	visibility: hidden;
}

.left {
	float: left;
}

.right {
	float: right;
}

.margin-top10 {
	margin-top: 10px;
}

.margin-top7{
	margin-top: 7px;
}

/*闁跨喐鏋婚幏宄版嫺闁跨喐鏋婚幏鐑芥晸閿燂拷*/
/*闁跨喐鏋婚幏宄版憰闁跨喐鏋婚幏鐑芥晸閿燂拷*/
@media ( max-width : 1400px) {
	.baseline .garyBox ul {
		padding: 0.3% !important;
		margin-right: 0 !important;
	}
}
/* 闁跨喐鏋婚幏鐑芥晸閺傘倖瀚�1400鐏忓繘鏁撻弬銈嗗1680px闁跨喐鏋婚幏宄扮闁跨喓顏潏鐐鎼存棃鏁撻弬銈嗗闁跨喐鏋婚幏鐑芥晸閺傘倖瀚归柨鐔告灮閹峰嘲绱� */
@media screen and (min-width: 1400px) and (max-width: 1600px) {
	.baseline .garyBox ul {
		padding: 0.4% !important;
		margin-right: 0.1% !important;
	}
	
}

@media screen and (min-width: 1601px) and (max-width: 1700px) {
	.baseline .garyBox ul {
		padding: 1% !important;
		margin-right: 0.1% !important;
	}
	
}

@media screen and (min-width: 1701px) and (max-width: 1800px) {
	.baseline .garyBox ul {
		padding: 1.4% !important;
		margin-right: 0.3% !important;
	}
	
}

@media screen and (min-width: 1801px) and (max-width: 1920px) {
	.baseline .garyBox ul {
		padding: 1.4% !important;
		margin-right: 0.5% !important;
	}
	/* .site-wrapper .box5-table li span{
	width:100%
	}
	.site-wrapper .box5-table li span:nth-child(2){
		width:9%
	}
	.site-wrapper .box5-table li span:nth-child(3){
		width:12%
	}
	.site-wrapper .box5-table li span:nth-child(4){
		width:18%
	}
	.site-wrapper .box5-table li span:nth-child(5){
		width:20%
	}
	.site-wrapper .box5-table li span:nth-child(6){
		width:25%
	} */
}
/*.rightright .search {
  height: 100%;
  overflow-y: auto;
}*/
.mainright .padding {
	margin-top: 20px;
	padding: 10px;
	padding-bottom: 20px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.padding2 {
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

#mycarousel {
	background: #f0f0f0;
}

#mycarousel .carousel-control.left {
	background-image: none;
	width: 20px;
}

#mycarousel .carousel-control.left span {
	
}

#mycarousel .carousel-control.right {
	background-image: none;
	width: 20px;
}

.buttonbox {
	background: #ebf2f9;
}

.buttonbox .button {
	position: relative;
	top: 0;
	/*  left: 50px; */
}

.online {
	background: url(../img/dianshang1.png)
}

.door {
	background: url(../img/mh.png)
}

.video {
	background: url(../img/sp1.png)
}

.web {
	background: url(../img/web.png)
}

.book {
	background: url(../img/book.png)
}

.book1 {
	background: url(../img/book1.png)
}

.golal {
	background: url(../img/golal.png)
}

.home {
	background: url(../img/home.png)
}

.dsy {
	background: url(../img/dsy.png)
}

.qiye {
	background: url(../img/qiye.png)
}

.gl {
	background: url(../img/gl.png)
}

.buttonbox .button li {
	text-align: center;
}

.buttonbox .button li a {
	text-decoration: none;
	display: block;
	padding: 30px 10px 15px 15px;
}

.button li a:hover {
	background: #e0ebf6;
}

.buttonbox .button li a:active {
	background: #e0ebf6 !important;
}

.buttonbox .button li a:visited {
	background: #e8e8e8 !important;
}

.buttonbox .button li i {
	display: block;
	width: 30px !important;
	height: 30px;
	margin: 0 auto;
	margin-bottom: 12px;
}

.button li span {
	display: block;
	/* color:#fff; */
}

.second-nav .modal li {
	float: left;
}

.color-block div {
	width: 100%;
	box-sizing: border-box;
}

.color-block p:first-child {
	width: 80%;
	box-sizing: border-box;
}

.color-block p.right {
	width: 13%;
	box-sizing: border-box;
}

.color-block div p:first-child span, .color-block .color-web span {
	display: inline-block;
	width: 60px;
	height: 26px;
	border-radius: 4px;
	margin-right: 0.2%;
	text-align: center;
	line-height: 26px;
	cursor: pointer;
}

.color-block div p:first-child span {
	color: #fff;
}

.color-block div p:nth-child(2) span {
	float: left;
	width: 25px;
	height: 14px;
	border-radius: 4px;
	margin-right: 0.2%;
}

.color-block i {
	float: left;
	font-style: normal;
	margin-right: 0.4%;
	margin-top: -2px;
	margin-left: 5px;
	margin-right: 5px;
}

.color-block span.color-r {
	background: #cc0033;
	/* background-image: -webkit-gradient(linear, left top, left bottom, from(#e57274), to(#c32f32));
 	background-image: -webkit-linear-gradient(top, #e57274, #e25b5e,#e2474a, #c32f32); 
 	border-bottom:3px solid #b62628; 
 	  background: linear-gradient(45deg, #f68487 25%, #e4393c 0, #e4393c 50%, #f68487 0, #f68487 75%, #e4393c 0)!important; 
 	background: linear-gradient(0deg, #e2494c 0%, #e2494c 50%, #f89d9e 50%,  #f89d9e 100%)!important;
 	 border-top:3px solid #ed7678; */
}

.color-block span.color-g {
	background: #669933;
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#76bb68), to(#1d6e12));
  background-image: -webkit-linear-gradient(top, #76bb68, #5ead36,#3f8e17, #1d6e12);  
   background-image: -webkit-linear-gradient(top, #76bb68, #5ead36,#3f8e17, #1d6e12); 
	background: linear-gradient(45deg, #72eec5 25%, #1fd89a 0, #1fd89a 50%, #72eec5 0, #72eec5 75%, #1fd89a 0)!important; 
  background: linear-gradient(-180deg, #a2c9a2 0%, #a2c9a2 50%, #55aa55 50%,  #55aa55 100%)!important; 
  border-bottom:3px solid #1d632c;
 border-top:3px solid #7fc973;  */
}

.color-block span.color-y {
	background: #ecba56;
	/* background-image: -webkit-gradient(linear, left top, left bottom, from(#fdcf5a), to(#da9e03));
 	background-image: -webkit-linear-gradient(top, #fdcf5a, #ffbb0c,#ecab04, #da9e03); 
 	 background: linear-gradient(45deg, #f6cf6b 25%, #f1bf40 0, #f1bf40 50%, #f6cf6b 0, #f6cf6b 75%, #f1bf40 0)!important;
 	 background: linear-gradient(0deg, #e0a203 0%, #e0a203 50%, #f5cf6e 50%,  #f5cf6e 100%)!important;
 	 border-bottom:3px solid #cc9507;
 	border-top:3px solid #fedb81;  */
}

.color-block span.color-w {
	color: #fff;
}

.color-block .color-default {
	background: #e6e6e6;
}

.color-block p {
	margin-top: 10px;
}
/* echart闁跨喐鏋婚幏鐑芥晸閺傘倖瀚归崶锟� */
.netbox {
	box-sizing: border-box;
	padding: 10px;
	/* box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #e5e5e5; */
	border: solid 1px #ddd;
	width: 49%;
	min-height: 250px;
	border-radius: 5px;
	margin-right: 1%;
}
/* roundbox */
.tc100map {
	box-sizing: border-box;
	padding: 10px;
	/* box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #e5e5e5; */
	border: solid 1px #ddd;
	border-radius: 5px;
	width: 50%;
	min-height: 250px;
}
/*闁跨喓鍗抽悧鍫熸拱*/
/* #tc100map {
	box-sizing: border-box;
	border-radius: 5px;
	padding: 10px;
	box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #e5e5e5;
	border: solid 1px #ddd;
	width: 100%;
	min-height: 250px;
}  */
/*  闁跨喐鏋婚幏椋庛仛闁跨喐鏋婚幏锟�*/
.baseline {
	background: #ebf2f9;
	border-radius: 6px;
}

#prev1 {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	/* box-shadow: 2px 2px 3px #cccccc; */
	background: url("../img/right.png") no-repeat;
}

#next1 {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
	/* box-shadow: 2px 2px 3px #cccccc; */
	background: url("../img/left.png") no-repeat;
}

.baseline .garyBox {
	position: relative;
}

.baseline .garyBox-margin {
	padding-top: 15px;
	padding-left: 55px;
	text-align: left;
}

.baseline .base-top {
	padding: 15px 0;
	border-bottom: 1px solid #d0e0f1;
}

.baseline .base-top b {
	font-weight: 500;
}

.baseline .base-top span {
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url("../img/wxts2.png") no-repeat;
}

.baseline .garyBox ul {
	box-sizing: border-box;
	border-radius: 6px;
	background: #e2ecf6;
	display: inline-block;
	text-align: center;
	padding: 1.4%;
	margin-bottom: 10px;
	margin-right: 0.1%;
}

.baseline .garyBox ul:nth-child(8n) {
	margin-right: 0;
}

.baseline .garyBox ul li {
	text-align: left;
	line-height: 22px;
	font-style: normal;
	position: relative;
	padding-left: 5px;
	margin-left: 10px;
}

.baseline .garyBox ul li u {
	text-decoration: none !important;
}

.baseline .garyBox ul li i {
	position: absolute;
	display: inline-block;
	margin-right: 5px;
	top: 6px;
	left: -14px;;
}

.baseline .garyBox ul li:first-child i {
	width: 16px;
	height: 11px;
	background: url("../img/icon-base1.png") 0 0 repeat;
}

.baseline .garyBox ul li:nth-child(2) i {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url("../img/icon-base1.png") 0 -13px repeat;
}

.baseline .garyBox ul li:nth-child(3) i {
	display: inline-block;
	width: 14px;
	height: 15px;
	background: url("../img/icon-base1.png") 0 -27px repeat;
}

.baseline .garyBox ul li:nth-child(4) i {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url("../img/icon-base1.png") 0 -42px repeat;
}

.baseline .garyBox ul li:nth-child(5) i {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url("../img/icon-base1.png") 0 -88px repeat;
}

.baseline .garyBox ul li span {
	display: inline-block;
	/*  text-align: justify;*/
	text-align: left;
	min-width: 60px;
}

#input, #input1, #input2 {
	margin-bottom: 10px;
}
/*闁跨喐鏋婚幏鐑芥晸閺傘倖瀚�960px鐏忓繘鏁撻弬銈嗗1199px闁跨喐鏋婚幏宄扮闁跨喓顏潏鐐鎼存棃鏁撻弬銈嗗闁跨喐鏋婚幏鐑芥晸閺傘倖瀚归柨鐔告灮閹峰嘲绱�*/
@media screen and (min-width:960px) and (max-width:1199px) {
	.baseline .garyBox ul {
		min-width: 4% !important;
		box-sizing: border-box;
	}
	.color-block div {
		width: 100% !important;
	}
	.color-block div  p:first-child {
		width: 80% !important;
	}
	.color-block div p:first-child span {
		width: 8% !important;
	}
	.color-block div p:last-child {
		width: 20% !important;
	}
	.color-block div p:last-child span {
		width: 15% !important;
	}
	.color-block .color-web span {
		width: 6% !important;
	}
	#input .form-inline {
		width: 100% !important;
	}
	#input form button {
		min-width: 6% !important;
		width: 6% !important;
	}
}
/*闁跨喐鏋婚幏鐑芥晸閺傘倖瀚�768px鐏忓繘鏁撻弬銈嗗959px闁跨喐鏋婚幏宄扮闁跨喓顏潏鐐鎼存棃鏁撻弬銈嗗闁跨喐鏋婚幏鐑芥晸閺傘倖瀚归柨鐔告灮閹峰嘲绱�*/
@media screen and (min-width: 768px) and (max-width: 959px) {
	.baseline .garyBox ul {
		min-width: 4% !important;
		box-sizing: border-box;
	}
	.color-block div {
		width: 100% !important;
	}
	.color-block p:first-child {
		width: 80% !important;
	}
	.color-block p:last-child {
		/* width:10%!important; */
		overflow: hidden;
	}
}
.table>thead>tr>th {
	border: none;
}

#table tbody tr td:nth-child(6):hover {
	cursor: pointer;
}

/*濡剝锟戒線鏁撻弬銈嗗*/
#myModal p {
	background: #ebebeb;
	height: 60px;
	line-height: 60px;
	margin-bottom: 10px;
	padding-left: 15px;
}

#myModal .prompt {
	color: #e4393c;
}

#myModal .promptG {
	color: #669933;
}

#myModal .form-inline .form-group {
	margin-bottom: 0;
}

.header-modal {
	height: 32px;
	line-height: 32px;
	background: linear-gradient(top, #294a6c, #203a55);
	background: -webkit-linear-gradient(top, #294a6c, #203a55);
	overflow: hidden;
}

.header-modal h4 {
	margin-top: -8px;
}

.header-modal .close {
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	font-size: 16px;
	margin-top: -8px;
}

#myModal .modal-body {
	padding: 10px 10px;
}

#myModal .box {
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	background: #ffffff;
	margin-bottom: 15px;
	padding: 10px;
}

.active_tab {
	width: 100%;
	margin: 0 auto 10px;
	height: 40px;
	line-height: 40px;
	/* background:#eee; */
	border-bottom: 1px solid #ddd;
}

.active_tab a {
	color: #333;
	padding: 0 5px;
	text-decoration: none;
}

.active_tab a:hover {
	color: #0089cd;
	text-decoration: none;
}

/* .act_title_left {
	float: left;
	width: 30%;
} */

.act_title_left li {
	float: left;
	min-width: 100px;
	color: #333;
	/* border-bottom:2px solid #ddd; */
	text-align: center;
	height: 40px
}

.act_active {
	background: #fff;
	border-bottom: none !important;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-radius: 4px 4px 0 0;
	/* color:#f00 */
}

.act_active a {
	color: #0089cd
}

.act_title_right {
	float: right;
	width: 40%;
}

.act_title_right li {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #eee;
	border-radius: 35px;
	float: left;
	font-size: 12px;
	height: 26px;
	line-height: 24px;
	margin-left: 20px;
	margin-top: 7px;
	padding: 0 5px;
}

.active_list {
	width: 100%;
	margin: 0 auto;
}

.active_list a {
	text-decoration: none;
}

.active_list li {
	/* height: 150px; */
	
}

.active_list li img {
	float: left;
	height: 150px;
	margin-left: -180px;
	width: 150px;
}

.active_list li h2 {
	font-size: 18px;
	line-height: 2;
	margin-bottom: 0;
	padding: 0;
	font-weight: bold;
	color: #666;
}

.active_list li i {
	color: #999;
	display: block;
	font-size: 13px;
	font-style: normal;
	margin-bottom: 5px;
}

.active_list li p {
	color: #666;
}

.morejia {
	background: #f00 none repeat scroll 0 0;
	border-radius: 15px;
	color: #fff;
	display: block;
	float: right;
	font-size: 12px;
	margin: 20px 0;
	padding: 2px 5px;
}

.morejia:hover {
	color: #fff;
}
/*闁跨喐鏋婚幏宄版嫺闁跨喐鏋婚幏鐑芥晸閿燂拷*/
/* deploy 妞わ拷 */
::-webkit-scrollbar-thumb {
	border-radius: 20px;
	background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar {
	width: 10px;
    height: 9px;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#warn-value tbody tr td {
	height: 28px;
	line-height: 28px;
	border: 1px solid #ccc;
}

#warn-value thead {
	background: #EEE;
}

#warn-value thead th {
	text-align: center;
}

#warn-value thead th:nth-child(2) {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#warn-value input {
	border: none;
	width: 100%;
	height: 30px;
	padding-left: 5px;
}

#warn-value tbody td {
	padding: 0px;
}

#warn-value span {
	margin-right: 15px;
	cursor: pointer;
}

#warn-value tbody tr td {
	padding-left: 10px;
}

#warn-value thead th {
	height: 35px;
	line-height: 35px;
}

#warn-value tbody tr:nth-child(even) {
	background: #F5FBFB;
}

#warn-value .cancel, #warn-value .save {
	display: none;
}

#addModalTv textarea {
	min-height: 120px;
}
/* 闁跨喐鏋婚幏鐑芥晸閺傘倖瀚归柨鐔告灮閹风兘鏁撻弬銈嗗闁跨喐鏋婚幏鐑芥晸閺傘倖瀚� */
#scene-net p>span {
	font-size: 40px;
	margin-bottom: 20px;
	cursor: pointer;
}

#scene-net .change-data {
	overflow: hidden;
}

#scene-net .change-data>div:nth-child(2) {
	text-align: center;
	padding-top: 150px;
}

#left_web, #right_web {
	height: 450px;
	width: 100%;
	background: #FEFEFE;
}

#left_web option, #right_web option {
	padding: 10px;
	width: 100%;
}

#scene_select {
	width: 80%;
}

#scene-net {
	overflow: hidden;
}

#thSelectAll {
	width: 40px;
}

#tab-lead>li.active a {
	background: #fff;
	color: #0089cd;
	height: 40px;
	line-height: 29px;
}
.tab-lead-1>li.active a{
	background: #fff !important;
	color: #0089cd !important;
	height: 40px;
	line-height: 29px;
}
#tab-lead>li a {
	height: 40px;
	line-height: 29px;
}
.tab-lead-1>li a{
	height: 40px;
	line-height: 29px;
}
.u1:hover {
	text-decoration: none;
}
/*闁跨喍鑼庨棃鈺傚缂佹挳鏁撻弬銈嗗*/
.countryHot {
	color: #fff;
	line-height: 40px;
	border-bottom: 1px solid #5093e1;
}

.countryHot span {
	border-radius: 5px 5px 0 0;
	background: #5093e1;
	display: inline-block;
	padding: 0 5px;
}

.labelNav {
	background: #f1f1f2;
	line-height: 34px;
}

.labelNav i {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 10px;
	width: 15px;
	height: 15px;
}

.typeLabel {
	font-size: 18px;
	margin-bottom: 30px;
}

.typeLabel span {
	padding: 10px 10px;
}

.typeLabel i {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
	width: 32px;
	height: 32px
}

.typeLabel i.web-visit {
	background: url("../img/web-visit.png") 0 0 repeat;
}

.typeLabel i.video-user {
	background: url("../img/video-user.png") 0 0 repeat;
}

.typeLabel i.download-circle {
	background: url("../img/download-circle.png") 0 0 repeat;
}

.typeLabel i.accbro-inter {
	background: url("../img/accbro-inter.png") 0 0 repeat;
}

.download-i {
	background: url("../img/download.png") 0 0 repeat;
}

.bag-i {
	background: url("../img/bag.png") 0 0 repeat;
}

.web-i {
	background: url("../img/web-icon.png") 0 0 repeat;
}

.count-i {
	background: url("../img/count.png") 0 0 repeat;
}

.time-i {
	background: url("../img/first-time.png") 0 0 repeat;
}

.person-i {
	background: url("../img/person-icon.png") 0 0 repeat;
}

.labelNav span {
	font-size: 12px;
}
/*闁跨喐鏋婚幏鐑芥晸娓氥儵娼婚幏椋庢樊闁跨喐鏋婚幏锟�  */
btn-bgBlue {
	background: #ddf4df;
}

#top100 td:first-child i, #top20 td:first-child i, #fileCount td:first-child i
	{
	font-size: 16px;
}

i {
	font-style: normal;
}

#top100  tbody tr:hover>td, #fileCount tbody tr:hover>td, #fileSpeed  tbody tr:hover>td,
	#top20 tbody tr:hover>td {
	background: #ebebeb;
}

#fileCount tbody tr td:nth-child(4), #fileSpeed tbody tr td:nth-child(4)
	{
	/* text-align:center; */
	
}

#top20  tbody tr td, #top100  tbody tr td, #fileCount tr td {
	text-align: left;
	padding-left: 0;
}

#top100 .btn, #top20 .btn, #fileCount .btn {
	min-width: 0;
}

#top100 i, #top20 i, #fileCount i {
	margin-right: 5px;
}

#top100 tbody td:nth-child(4)>span, #top100 tbody td:nth-child(5)>span,
	#top100 tbody td:nth-child(6)>span, #top100 tbody td:nth-child(7)>span
	{
	float: right;
	margin-right: 40%;
}

#top20 tbody td:nth-child(4)>span, #top20 tbody td:nth-child(5)>span,
	#top20 tbody td:nth-child(6)>span, #top20 tbody td:nth-child(7)>span {
	float: right;
	margin-right: 40%;
}

#fileCount tbody td:nth-child(4)>span, #fileCount tbody td:nth-child(5)>span,
	#fileCount tbody td:nth-child(6)>span, #fileCount tbody td:nth-child(7)>span
	{
	float: right;
	margin-right: 40%;
}

#top100 td span, #top20 td span, #fileCount td span {
	margin-right: 5px;
	margin-left: 5px;
}

#top100 .btn, #top20 .btn, #fileCount .btn {
	padding: 2px 2px;
}

#top100 span, #top20 span, #fileCount span {
	font-size: 10px;
}

#top100  p:nth-child(2) {
	margin-top: 5px;
}

#accBtn ul {
	background: #e5f8ff;
	width: 100px;
	margin-top: 30px;
	margin-left: 10px;
}

#accBtn ul li {
	line-height: 63px;
	text-align: center;
}

@media screen and (min-width: 950px) and (max-width: 1280px) {
	#top100 tbody td:nth-child(4)>span, #top100 tbody td:nth-child(5)>span,
		#top100 tbody td:nth-child(6)>span, #top100 tbody td:nth-child(7)>span
		{
		float: right !important;
		margin-right: 0 !important;
	}
	#top20 tbody td:nth-child(4)>span, #top20 tbody td:nth-child(5)>span,
		#top20 tbody td:nth-child(6)>span, #top20 tbody td:nth-child(7)>span {
		float: right !important;
		margin-right: 0 !important;
	}
	#fileCount tbody td:nth-child(4)>span, #fileCount tbody td:nth-child(5)>span,
		#fileCount tbody td:nth-child(6)>span, #fileCount tbody td:nth-child(7)>span
		{
		float: right !important;
		margin-right: 0 !important;
	}
}

.dataTables_scrollHeadInner {
	width: 100%;
}

#time_base1, #time_base {
	position: relative;
}

#timeline, #timeline1 {
	width: 900px;
	height: 100px;
	overflow: hidden;
	margin: 0 auto;
	background: url("../img/dot.gif") left 45px repeat-x;
	margin: 0 40px;
}

#dates, #dates1 {
	width: 850px;
	height: 80px;
	overflow: hidden;
	margin-left: 0;
}

#dates li, #dates1 li {
	list-style: none;
	float: left;
	width: 70px;
	height: 50px;
	font-size: 14px;
	text-align: center;
	position: relative;
}

#dates li a {
	position: absolute;
	top: 38px;
	left: 0;
	cursor: pointer;
}

#dates1 li a {
	position: absolute;
	top: 46px;
	left: 0;
	cursor: pointer;
}

#dates li a:hover, #dates1 li a:hover {
	text-decoration: none;
}

#dates li img, #dates1 li img {
	position: absolute;
	top: 20px;
	left: 18px;
}

#Netprev, #Netprev1 {
	z-index: 10;
	position: absolute;
	top: 120px;
	left: 0px;
	width: 27px;
	height: 44px;
	background: url("../img/prev.png") no-repeat;
}

#Netnext, #Netnext1 {
	z-index: 10;
	position: absolute;
	top: 120px;
	right: 0px;
	width: 27px;
	height: 44px;
	background: url("../img/next.png") no-repeat;
}

.sx {
	background: url('../img/biggerdot.png') center bottom no-repeat;
}

.xx {
	background: url('../img/xx.png') center bottom no-repeat;
}

#dates a {
	line-height: 38px;
	padding-bottom: 10px;
}
/* .cue{
	margin-right:60px;
	margin-bottom:20px;
}
.cue i{
	display: inline-block;
	width:15px;
	height:15px;
} */
#swiper-history, #swiper-history1 {
	width: 100%;
	min-width: 900px;
	position: relative;
	margin-left: 25px;
}

#swiper-history  .swiper-container, #swiper-history1 .swiper-container {
	height: 96px;
	margin: 0 20px;
	padding-left: 5px;
	width: 90%;
}

#swiper-history	.short-line, #swiper-history1 .short-line {
	height: 72px;
	border-bottom: 1px dashed #66CCCC;
	width: 30px;
	position: absolute;
	top: -47px;
}

#swiper-history	.long-line, #swiper-history1	.long-line {
	height: 72px;
	border-bottom: 1px solid #66CCCC;
	width: 100%;
	position: absolute;
	top: -47px;
	left: 30px;
}

#swiper-history .swiper-slide span, #swiper-history1 .swiper-slide span
	{
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	transition: 700ms;
}

#swiper-history .swiper-slide .detail, #swiper-history1 .swiper-slide .detail
	{
	height: 20px;
	line-height: 20px;
	top: 7px;
	color: #444;
	opacity: 0;
}

#swiper-history .swiper-slide .date, #swiper-history1 .swiper-slide .date
	{
	color: #66CCCC;
	position: absolute;
	bottom: 33px;
	opacity: 0;
}

#swiper-history .swiper-slide-active span, #swiper-history1 .swiper-slide-active span
	{
	transition: 700ms 700ms;
}

#swiper-history	.swiper-pagination-bullets, #swiper-history1	.swiper-pagination-bullets
	{
	white-space: nowrap;
	width: auto;
	bottom: 67px;
	height: 10px;
	line-height: 10px;
	transition: 700ms;
}

#swiper-history .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	#swiper-history1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet
	{
	margin: 0;
}

#swiper-history .swiper-pagination-bullet, #swiper-history1 .swiper-pagination-bullet
	{
	background: #fff;
	border: 1px solid #66CCCC;
	opacity: 1;
	line-height: 10px;
}

#swiper-history .swiper-pagination-bullet-active, #swiper-history1 .swiper-pagination-bullet-active
	{
	background: #66CCCC;
}

#swiper-history .swiper-button-next, #swiper-history .swiper-button-prev,
	#swiper-history1 .swiper-button-next, #swiper-history1 .swiper-button-prev
	{
	background-size: 20px auto;
}

#swiper-history .swiper-pagination-bullet, #swiper-history1 .swiper-pagination-bullet
	{
	position: relative;
	left: -120px;
}

.swiper-button-next, .swiper-button-prev {
	top: 57%;
}

.swiper-button-prev {
	width: 27px;
	height: 44px;
	background: url("../img/prev.png") no-repeat;
}

.swiper-button-next {
	width: 27px;
	height: 44px;
	background: url("../img/next.png") no-repeat;
}

.cue {
	margin-top: 20px;
	margin-right: 60px;
	margin-bottom: 20px;
	position: relative;
}

.cue a {
	line-height: 20px;
	display: inline-block;
}

.cue i {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	top: 2px;
	left: 0;
}

.cue span {
	vertical-align: bottom;
}

.cue a:first-child i {
	background: url('../img/update.png') center bottom no-repeat;
}

.cue a:nth-child(2) i {
	background: url('../img/downdate.png') center bottom no-repeat;
}

.aa {
	position: absolute;
	top: -21px;
	left: 50%;
	transform: translate(-50%, 0);
}

.swiper-button-next {
	right: 40px;
}

.swiper-button-prev {
	left: -10px;
}

.bb {
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translate(-50%, 0);
}
/*闁跨喐鏋婚幏椋庣彲闁跨喐鏋婚幏鐑芥晸閺傘倖瀚瑰Ο鈩冿拷渚�鏁撻弬銈嗗閻樺爼鏁撻弬銈嗗闁跨喐鏋婚幏锟�*/
#operatorUl {
	float: left;
	margin-right: 20px;
	background: #fff;
	border: 1px solid #f0f0f0;
	border-radius: 4px;
	/* padding:0 0 50px 0; */
}

#operatorUl li {
	/* line-height:40px;
	height:40px; */
	
}

#operatorUl li a {
	display: inline-block;
	padding: 10px 15px;
	border-radius: 4px;
	text-decoration: none;
	color: #323232;
}

#operatorUl .active {
	background: #549bea;
	border-radius: 4px;
}

#operatorUl .active a {
	color: #fff;
}

.webRow {
	display: inline-block;
	width: 98px;
}

#cityhtmlDiv {
	position: relative;
}

.overInput {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url("../img/duigou.png") no-repeat;
	position: absolute;
	left: 0;
	top: 9px;
	z-index: 100;
}

.pull-left h4 {
	font-weight: bold;
}


/*闁跨喐鏋婚幏鐑芥晸閺傘倖瀚归柨鐔活敎娴兼瑦瀚归柨鐔告灮閹风柉顕楅柨鐔告灮閹凤拷 */
#inputStyle .form-group, #diffStyle .form-group, #diffTimeStyle .form-group
	{
	margin-left: 0;
}

carousel-control1 {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

#control4 .carousel-control.left {
	background-image: none;
}

#control4 .carousel-control.right {
	background-image: none;
}

#control4 .carousel-control {
	width: 5%;
}

#control4 .carousel-indicators li {
	
}
#reasonTable thead th:first-child, #urlModalTab thead th:first-child, #intervalTable thead th:first-child, #intervalDomainTable thead th:first-child, #intervalDomainTable1 thead th:first-child, #intervalDomainTable2 thead th:first-child, #badResTable thead th:first-child{
	width:18% !important;
}
#reasonTable thead th:nth-child(2), #urlModalTab thead th:nth-child(2), #intervalTable thead th:nth-child(2), #intervalDomainTable thead th:nth-child(2), #intervalDomainTable1 thead th:nth-child(2),  #intervalDomainTable2 thead th:nth-child(2), #badResTable thead th:nth-child(2){
	width:8% !important;
}
#reasonTable thead th:nth-child(3), #urlModalTab thead th:nth-child(3), #intervalTable thead th:nth-child(3), #intervalDomainTable thead th:nth-child(3), #intervalDomainTable1 thead th:nth-child(3), #intervalDomainTable2 thead th:nth-child(3), #badResTable thead th:nth-child(3){
	width:8% !important;
}
#reasonTable thead th:last-child, #urlModalTab thead th:last-child, #intervalTable thead th:last-child, #intervalDomainTable thead th:last-child, #intervalDomainTable1 thead th:last-child, #intervalDomainTable2 thead th:last-child, #badResTable thead th:last-child{
	width:52% !important;
}
.after span:first-child{
	vertical-align: bottom;
}
#afterName span:first-child{
	vertical-align: bottom;
}
#afterName1 span:first-child{
	vertical-align: bottom;
}
/*闁跨喐鏋婚幏鐑芥晸閺傘倖瀚�*/
.site-noTop {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.site-wrapper .content .noTop{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.html-body-overflow
  {
    overflow-x:hidden !important;
    overflow-y:hidden !important;
  }
/*body闁跨喐鏋婚幏鐤*/
.blockBg{
	  background-color: #050d2f;
     /*  background-color: #f8f7b5;  */
}
.site-wrapper .cx{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: auto;
	overflow: hidden;
}
.noTop{
top: 0;	
}
.navTitle{
	 height: 40px;
  line-height: 40px;
	color:#d3dbde;
	font-size:30px;
	float:left;
	position: relative;
	left:50%;
	margin-left:-100px;
}
nav .time {
  position: relative;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  color: #ffffff;
  float: right;
  margin-right: 25px;
}
nav .time .time-gradient {
  position: absolute;
  top: 17px;
  right: 0;
  bottom: auto;
  left: 0;
  z-index: auto;
  height: 6px;
  background: linear-gradient(rgba(5, 13, 47, 0.1), rgba(5, 13, 47, 0.6));
}
.wrapperTotal{
	
}
.wrapperOneBox{
	height:100%;
	  box-sizing: border-box;
	  padding-right:15px;
}
.wrapperTotal .width50 {
  width: 50%;
}
.wrapperTotal .width28 {
  width: 25%;
}
.wrapperTotal .width22 {
  width: 25%;
}
.wrapperTotal .width72 {
  width: 72%;
}
.wrapperTotal .inner {
  position: relative;
 /*  background-color: #000522; */
 /*  border: 1px solid #04124f; */
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
 .inner h4 {
  font-size: 14px;
  text-align: center;
   color: #ffffff;
  margin: 0;
  height: 34px;
  line-height: 34px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.inner100{
	height:100%;
	width:100%;
	background:#020623;
	box-sizing: border-box;
}
.inner50{
	height:100%;
	width:100%;
	background:#020623;
	box-sizing: border-box;
}
.inner49{
	height:100%;
	width:100%;
	background:#020623;
	box-sizing: border-box;
}
.box1-chart{
	position: relative;
	height:125px;
	/* height:20%; */
	width:100%;
}
.box2-chart{
	height:135px;
	/* height:20%; */
	width:100%;
}
.box3-chart{
 	height:100%;
	width:100%; 
}
.box4-chart{
	height:100px;
	width:100%;
}
#chart-3-1{
	height:120px;
	width:100%;
}
#monitor_map{
	width:100%;
	height:530px;
	/* height:100%; */
}
.line_color{
	border-color:#04a1ee;
}
.site-wrapper .content .sub-content .box_color{
	 background:#020623;
	border:1px solid #04a1ee;
	
}
.box_color .line_color thead th, .box_color .line_color thead td {
	color:#fff;
	border-bottom: none; 
}
.box_color .line_color  tbody tr{
	color:#fff;
	/* border:1px solid #04a1ee; */
	border-bottom: none; 
	 background:#020623;
}
.Poor_quality_user{
	width:49%;
}
.web_analysis{
	width:49%;
}
.site-wrapper .box5-table {
 
}
.site-wrapper .box5-table li:not(last-child) {
 line-height:60px;
	height:60px;
}
.site-wrapper .box5-table li span {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
}
.site-wrapper .box5-table li span.font1 {
  color: #64cdff;
  font-size: 12px;
  margin: 0 4px;
}
.site-wrapper .box5-table li span.font2 {
  color: #ffffff;
  font-size: 12px;
}
.site-wrapper .box5-table .icon-shop {
  vertical-align: middle;
  display: inline-block;
  background: url("../img/ssicon.png") no-repeat;
  width: 40px;
  height: 40px;
}
#access-terminal li:first-child i{
	background-position: 0 0;
}
#access-terminal li:nth-child(2) .icon-shop{
	background-position: 0 -40px;
}
#access-terminal li:nth-child(3) .icon-shop{
	 background-position: 0 -80px;
}
#access-terminal li:nth-child(4) .icon-shop{
	 background-position: 0 -120px;
}
#access-terminal li:nth-child(5) .icon-shop{
	 background-position: 0 -160px;
}
.site-wrapper .box5-table .icon-shop.JD {
  background-position: 0 0;
}
.site-wrapper .box5-table .icon-shop.TAOBAO {
  background-position: 0 -40px;
}
.site-wrapper .box5-table .icon-shop.TMALL {
  background-position: 0 -80px;
}
.site-wrapper .box5-table .icon-shop.SNING {
  background-position: 0 -120px;
}
.site-wrapper .box5-table .icon-shop.VIP {
  background-position: 0 -160px;
}
#dpFileCount thead th{
	 font-weight: normal;
}
#dpFileCount thead th:first-child{
	width:8% !important;
}
#dpFileCount thead th:nth-child(2){
	width:12% !important;
}
#dpFileCount thead th:nth-child(3){
	width:16% !important;
}
#dpFileCount thead th:nth-child(4){
	width:22% !important;
}
#dpFileCount thead th:nth-child(5){
	width:22% !important;
}
#dpFileCount thead th:last-child{
	width:10% !important;
}
.bgpaddingb1{
	padding-bottom:1%;
}
.bgpaddingt1{
	padding-top:1%;
}
.bgpaddingl15{
	padding-left:15px !important;
}
.bgpaddingr15{
	padding-right:15px !important;
}
.bgmarginb3{
	margin-bottom:3%;
}
.bgmargint3{
	margin-top:3%;
}
.bgmarginb2{
	margin-bottom:2%;
}
.bgmargint2{
	margin-top:2%;
}
.bgmarginb1{
	margin-bottom:1%;
}
.bgmargint1{
	margin-top:1.5%;
}
#Poor_quality_table{
	height:0%
}
#Poor_quality_table tbody td,#Poor_quality_table thead th{
	padding:0;
	border:0;
}
#Poor_quality_table tbody tr,#dpFileCount tbody tr{
	color:#067dd1
}
#Poor_quality_table tbody tr:first-child,#Poor_quality_table tbody tr:nth-child(2),#Poor_quality_table tbody tr:nth-child(3),#dpFileCount tbody tr:first-child,#dpFileCount tbody tr:nth-child(2),#dpFileCount tbody tr:nth-child(3){
	color:#d4c955
}
#Poor_quality_table tbody tr,#Poor_quality_table thead tr,#dpFileCount tbody tr,#dpFileCount thead tr{
	text-align: left;
}
.site-wrapper .box5-table li{
	width:100%
}
.site-wrapper  .box1{
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	margin-bottom: 15px;
	padding: 1%;
}
#bigScreen h1{
	font-size:16px;
}
#bigScreen img{border:0} 
#bigScreen a{
	color: #2483c5;
    text-decoration: none;
}
#bigScreen .icon{
	margin: 10px 0px 15px 25px;
    padding: 0px 0px 15px;
    
} 
/* #bigScreen .icon li:nth-child(7n){
white-space:normal; width:200px; 
} */ 
#bigScreen .icon ul{
white-space:normal; width:100%; 
/* text-align:left; */
} 
#bigScreen .icon li{
	width:16%;
	float: left;
    margin: 0;
    height: 130px;
    text-align:center;
}
#bigScreen .icon .menu li{
	width:16%;
	float: left;
    margin: 0;
    height: 90px;
}
#bigScreen .icon .image{
	width:80px;
	height:80px;
	border:none;
	display:inline-block;
}
#bigScreen .icon .smallImg{
	width:54px;
	height:54px;
	border:none;
	display:inline-block;
}
#bigScreen .icon li p{
	font-size:14px;
	line-height:30px;
}
#bigScreen .icon .menu p{
	font-size:12px;
	line-height:26px;	
}
#bigScreen .group,#bigScreen .province,#bigScreen .menu{
	color: #999;
    text-align: center;
}
#bigScreen .TwelveP{
background: url("../img/china.png") no-repeat;	
}
.bdns{
background: url("../img/bdns.png") no-repeat;	
}
.bglance{
background: url("../img/bglance.png") no-repeat;	
}
.bdata{
background: url("../img/bdata.png") no-repeat;	
}
.balert{
background: url("../img/balert.png") no-repeat;		
}
.bjk{
background: url("../img/bjk.png") no-repeat;		
}
.buser{
background: url("../img/buser.png") no-repeat;		
}
.brz{
background: url("../img/brz.png") no-repeat;			
}
.bls{
background: url("../img/bls.png") no-repeat;			
}
.bpz{
background: url("../img/bpz.png") no-repeat;			
}
.bfz{
background: url("../img/bfz.png") no-repeat;			
}
.bjs{
background: url("../img/bjs.png") no-repeat;			
}
.byys{
background: url("../img/byys.png") no-repeat;			
}
.bmb{
background: url("../img/bmb.png") no-repeat;			
}
.bport{
background: url("../img/bport.png") no-repeat;			
}
#bigScreen .beijing{
background: url("../img/beijing.png") no-repeat;	
}

#bigScreen .shanghai{
background: url("../img/shanghai.png") no-repeat;	
}
#bigScreen .guangdong{
background: url("../img/guangdong.png") no-repeat;		
}
#bigScreen .guizhou{
background: url("../img/guizhou.png") no-repeat;		
}
#bigScreen .hebei{
background: url("../img/hebei.png") no-repeat;		
}
#bigScreen .jiangsu{
background: url("../img/jiangsu.png") no-repeat;		
}
#bigScreen .jiangsuipran{
background: url("../img/jiangsu.png") no-repeat;			
}
#bigScreen .liaoning{
background: url("../img/liaoning.png") no-repeat;			
}
#bigScreen .zhejiang{
background: url("../img/zhejiang.png") no-repeat;		
}
#bigScreen .guangxi{
background: url("../img/guangxi.png") no-repeat;		
}
#bigScreen .henan{
background: url("../img/henan.png") no-repeat;		
}
#bigScreen .sichuan{
background: url("../img/sichuan.png") no-repeat;		
}
#bigScreen .tianjin{
background: url("../img/tianjing.png") no-repeat;	
}
/*31闁跨喐鏋婚幏椋庢阜  */
#bigScreen .xinjiang{
background: url("../img/xinjiang.png") no-repeat;	
}
#bigScreen .neimenggu{
background: url("../img/neimenggu.png") no-repeat;	
}
#bigScreen .ningxia{
background: url("../img/ningxia.png") no-repeat;	
}
#bigScreen .jiangxi{
background: url("../img/jiangxi.png") no-repeat;	
}
#bigScreen .chongqing{
background: url("../img/chongqing.png") no-repeat;	
}
#bigScreen .gugan{
background: url("../img/gugan169.png") no-repeat;	
}
#bigScreen .liantongguganwang,#bigScreen .chengzaiawang,#bigScreen .chengzaibwang{
background: url("../img/gugan169.png") no-repeat;	
}
#bigScreen .hainan{
background: url("../img/hainan.png") no-repeat;	
}
#bigScreen .taiwan{
background: url("../img/taiwan.png") no-repeat;	
}
#bigScreen .anhui{
background: url("../img/anhui.png") no-repeat;	
}
#bigScreen .shanxi{
background: url("../img/sxi.png") no-repeat;
}
#bigScreen .sxi{
background: url("../img/sxi.png") no-repeat;	
}
#bigScreen .shaanxi{
background: url("../img/shanxi.png") no-repeat;	
}
#bigScreen .qinghai{
background: url("../img/qinghai.png") no-repeat;	
}
#bigScreen .fujian{
background: url("../img/fujian.png") no-repeat;	
}
#bigScreen .jilin{
background: url("../img/jilin.png") no-repeat;	
}
#bigScreen .yunnan{
background: url("../img/yunnan.png") no-repeat;	
}
#bigScreen .hubei{
background: url("../img/hubei.png") no-repeat;	
}
#bigScreen .heilongjiang{
background: url("../img/heilongjiang.png") no-repeat;	
}
#bigScreen .gansu{
background: url("../img/gansu.png") no-repeat;	
}
#bigScreen .hunan{
background: url("../img/hunan.png") no-repeat;	
}
#bigScreen .shandong{
background: url("../img/shandong.png") no-repeat;	
}
#bigScreen .xizang{
background: url("../img/xizang.png") no-repeat;	
}
 .page{
	background: url(../img/pagebj.jpg) repeat;
    width: 90%;
    min-height: 100%;
    /* min-width: 1000px; */
    height: auto;
    position:absolute; 
}
 .page1{
	background: url(../img/bigbg1.png) no-repeat;
    width: 90%;
    min-height: 100%;
    /* min-width: 1000px; */
    height: auto;
    position:absolute;
   
}
 .page_china{
	background: url(../img/map_line1.png) no-repeat;
    width: 90%;
    min-height: 100%;
    /* min-width: 1000px; */
    height: auto;
    position:absolute;
   
}
/* .modal-fix{
	overflow:visible !important;
}
.modal-scroll{
	height:650px;
	overflow-x:hidden
	overflow-y:scroll;
} 
/*11.17	zzw*/
#noBBT #tTable.dataTable tbody td , #noBBT #customTable.dataTable tbody td {
	line-height:29px;
}

/* #dfsTable.dataTable tbody td:nth-child(1) , #yarnTable.dataTable tbody td:nth-child(1){
	width:120px;
} */
/*闁跨喐鏋婚幏鐑芥晸閺傘倖瀚�  11.17 zzw*/
.table1>tbody>tr>td, .table1>tbody>tr>th, .table1>tfoot>tr>td, .table1>tfoot>tr>th, .table1>thead>tr>td, .table1>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
}
.table1 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
}
 .col-xs-7 #dfsTable tbody td:first-child{
	width:60%;
	
}
#vcoresLine #yarnTable tbody td:first-child{
	width:60%;
}
#vcoresLine #yarnTable tbody td:nth-child(2){
	width:40%;
	text-align:right;
} 
.col-xs-7 #dfsTable tbody td:nth-child(2){
	width:40%;
	text-align:right;
} 
/*闁跨喐鏋婚幏鐑芥晸閺傘倖瀚归柨鐔峰绾板瀚�*/
 .site-wrapper .sub-menu .arrowM {
  position: absolute;
  top: 24%;
  left: 83%;
  width: 22px;
  height: 22px;
  background: url("../img/icon.png") no-repeat 0 -192px;
}
.bottom-menu .panel .panel-heading a.active .arrowM {
  background: url("../img/icon.png") no-repeat -26px -192px;
}
.bottom-menu .panel ul li.active {
  background: #f2f2f2;
  border-color: #ddd;
  color: #5aa7e0;
}
.bottom-menu .panel ul li.active a {
  color: #5aa7e0;
}
.panel{
	background:#f2f2f2;
}
.site-wrapper .sub-menu .text {
  font-size: 18px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  border: 1px solid #d8dce4;
  border-top: none;
  box-shadow: 0 2px 5px #eee ;
  position: fixed;
  z-index: 3;
  background: #fff;
  width: 210px;
}
/* #leftmenu{
	 position: relative;
	 height:100%;
} */
 .site-wrapper .bottom-menu {
  width: 210px;
  overflow-x: hidden;
  top:42px;
   height:calc(100% - 42px);
  position: absolute;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.panel-group{
overflow-y: auto;
overflow-x: hidden;
} 
.panel a{
	color:#333;
	text-decoration:none;
}

.site-wrapper .bottom-menu .panel .panel-heading {
 /*  border-bottom: 1px solid #ddd; */
  border-right: 1px solid #ddd;
  width: 210px;
  box-sizing: border-box;
  margin-right: 20px;
  padding: 0;
}
.site-wrapper .bottom-menu .panel .panel-heading a {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #787c88;
  font-size: 14px;
  text-decoration: none;
  padding-left: 20px;
}
.bottom-menu .panel .panel-heading a.active {
  background: #5093e1;
  color: #fff;
}
.rightright {
  margin-left: 230px;
  width: 100%;
  box-sizing: border-box;
}
.tablebox .pagebox {
  margin-top: 20px;
  margin-bottom: 10px;
}
.mainright .p {
  background: #fff;
  width: 100%;
  height: 54px;
  line-height: 54px;
  border-bottom: 1px solid #ddd;
  position: fixed;
  z-index: 10;
  margin-left: -25px;
  padding-left: 20px;
  color: #337ab7;
}
.mainright .form-group {
  margin-right: 10px;
}
.mainright .form-group label {
  font-weight: normal;
}
.mainright .padding {
  margin-top: 20px;
  padding: 10px;
  padding-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.padding2 {
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.padding-lr {
  padding: 10px 0;
}
.mainright .h5 {
  margin-bottom: 10px;
}
.marginright-10 {
  margin-right: 10px;
}
.tablebox {
  margin-bottom: 20px;
}
.tablebox table {
  width: 100%;
  box-sizing: border-box;
  padding-left: 10px;
}
.tablebox table tr {
  height: 32px;
  line-height: 32px;
}
.tablebox table tbody tr td:nth-child(4),
.tablebox table tbody tr td:nth-child(5),
.tablebox table tbody tr td:nth-child(7),
.tablebox table tbody tr td:nth-child(10) {
  color: #549bea;
}
.tablebox table tr:hover {
  background: #d1e7f7;
}
.search .map {
  min-height: 250px;
}
.search .form-inline {
  text-align: center;
}
.search .buttonbox {
  text-align: center;
}
.search table {
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
}
#buttonbox {
  background: #ededed;
}
#button {
  position: relative;
  top: 0;
  left: 300px;
}
#button li {
  text-align: center;
}
#button li a {
  display: block;
  padding: 30px 10px 15px 15px;
}
#button li i {
  display: block;
  width: 30px;
  height: 30px;
  background: url("../img/dianshang1.png");
  margin: 0 auto;
  margin-bottom: 12px;
}
#button li span {
  display: block;
}
.second-nav li {
  float: left;
}
.second-nav {
  margin-top: 20px;
}
.site-wrapper .list-group-item{
border:none;	
}
#leftmenu .list-group-item{
text-align:left;
padding-left:30px;	
background:#f2f2f2;
} 
#leftmenu .panel{
	margin-top:1px;
}
/*閻線鏁撻弬銈嗗闁跨喐鏋婚幏鐑芥晸閺傘倖瀚归柨鐔告灮閹凤拷**/
#proStyle{
position:absolute;
	right:10px;
	z-index:999;
	top:75px; 
}
#proStyle .pro-panel{
	position: absolute;
    right: -220px;
    top:0px;
    background:#fff;
}
#proStyle .sub-pro span i{
	padding-right:10px;
	color:#fff;
}
#proStyle .sub-pro span b{
	vertical-align:-4%;
}
.colorCity{
	display:inline-block;
	width:20px;
	height:20px;
	background:url("../img/colorCity.png");
}
#proStyle .proUl{
	max-height:500px;
	overflow-y:auto;
}
#proStyle .proUl li{
	width:95%;
	background:#f0f0f0;
	border-radius:4px;
	margin:8px auto;
	padding:4px 0;
	cursor:pointer;
}
#proStyle .sub-pro{
position:absolute;
top: 0px;
left: -18px;
cursor:pointer;	
background-color: #0552ac;
padding:4px 2px 4px 4px;
border-radius: 5px 0px 0px 5px;
}
#proStyle .proUl li.active{
	background:#05b2eb;
}
#proStyle .proUl li:hover{
    background:#5dccf0;	
}
.proImg{
width:17px;
height:14px;
display:inline-block;	
background: url("../img/proIcon.png") no-repeat;	
}
	.cr {   
		display:inline-block;
		width:30px;
		height:30px;
	    background: url(../img/cr.png);
	}
	.sr {
		display:inline-block;
		width:30px;
		height:30px;
	     background: url(../img/sr.png);
	}
	.bras {
		 display:inline-block;
		 width:30px;
		 height:30px;
	     background: url(../img/bras.png);
	}
	.nat{
		 display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../img/NAT44.png);
	}
	.idc{
		 display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../img/IDC.png);
	}
	.gi{
		 display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../resource/img/GI.png);
	}
	.CDN{
		 display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../resource/img/cdn.png);
	}
	.cklyq{
	  display:inline-block;
	 width:46px;
	 height:30px;
	 background: url(../img/cklyq.png);
	}
	.ckjhj{
	    display:inline-block;
	 	width:46px;
	 	height:30px;
		background: url(../img/ckjhj.png);
	}
	.hjlyq{
		 display:inline-block;
		 width:46px;
		 height:30px;
		 background: url(../img/hjlyq.png);
	}
	.hjjhj{
		 display:inline-block;
		 width:46px;
		 height:30px;
		 background: url(../img/hjjhj.png);
	}
	.jrjhj{
		display:inline-block;
		width:46px;
		height:30px;
		background: url(../img/jrjhj.png);
	}
	.hxjhj{
	    display:inline-block;
		width:46px;
		height:30px;
		background: url(../img/hxjhj.png);
	}
	.szx{
		 display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../img/szx.png);
	}
	.dszx{
		 display:inline-block;
		 width:36px;
		 height:30px;
		 background: url(../img/dszx.png);
	}
	.byjd{
		 display:inline-block;
		 width:36px;
		 height:30px;
		 background: url(../img/byjd.png);
	}
	.mr{
		display:inline-block;
		width:46px;
		height:30px;
		background: url(../img/mr.png);
	}
	/* 濞ｈ濮為弬鏉挎禈閺嶅洨鏁辨禍搴☆杻閸旂姾顔曟径鍥╄閸拷 */
	.wz{
		 display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../img/weizhi.png);
	}
	.vbras{
		 display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../img/vbras.png);
	}
	.giF{
	     display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../resource/img/giF.png);
	}
	.guA{
	     display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../img/guA.png);
	}
	.guC{
	     display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../img/guC.png);
	}
	.guI{
	     display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../img/guI.png);
	}
	.guIX{
	     display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../img/guIX.png);
	}
	.guNAP{
	     display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../img/guNAP.png);
	}
	.guRR{
	     display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../img/guRR.png);
	}
	.guS{
	     display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../img/guS.png);
	}
	.guNMS{
	     display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../img/guNMS.png);
	}
	.guSDN{
	     display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../img/guSDN.png);
	}
	.guT{
	     display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../img/guT.png);
	}
	.vsr{
		 display:inline-block;
		 width:30px;
		 height:30px;
		 background: url(../img/vsr.png);
	}
/* 濞ｈ濮為弬鏉挎禈閺嶅洨绮ㄩ弶锟� */
	
#bTab thead th:first-child, #aTab thead th:first-child, #tTab thead th:first-child, #jTab thead th:first-child{
	width:15% !important;
}
#bTab thead th:nth-child(2), #aTab thead th:nth-child(2), #tTab thead th:nth-child(2), #jTab thead th:nth-child(2){
	width:15% !important;
}
#bTab thead th:nth-child(3), #aTab thead th:nth-child(3), #tTab thead th:nth-child(3), #jTab thead th:nth-child(3){
	width:25% !important;
}
#bTab thead th:nth-child(4), #aTab thead th:nth-child(4), #tTab thead th:nth-child(4), #jTab thead th:nth-child(4){
	width:25% !important;
}
#bTab thead th:nth-child(5), #aTab thead th:nth-child(5), #tTab thead th:nth-child(5), #jTab thead th:nth-child(5){
	width:10% !important;
}
#bTab thead th:last-child, #aTab thead th:last-child, #tTab thead th:last-child, #jTab thead th:last-child{
	width:10% !important;
}
/* 閸忓厖绨惔鏇氱瑓閻ㄥ嫭鏆熼幑锟�*/
.aboutFather{
	position:relative;
	display:inline;
	z-index:99;
}
.aboutFather .arrowIcon{
    content: "";
    position: absolute;
    display: none;
    top: 40px;
    left: -30px;
    margin-left: -5px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #2f323a #2f323a #f2f2f2 #2f323a;
    z-index:99;
}
.aboutFather .aboutMes{
	display:none;
	z-index:99;
	top:10px;
	position:absolute;
	width:300px;
	height:200px;
	overflow:auto;
	left:50%;
	margin-left:-220px;
	background:#f5f5f5;
	border:1px solid #ddd;
	color:#333 !important;
	
}
.aboutFather .aboutMes .pageTitle{
text-align:center; 

height:30px !important;
line-height:30px !important;

border-bottom:1px solid #d6d7dc;
}
.aboutFather .aboutMes .pageTitle span{
	color:#333 !important;
	font-size: 14px !important;
}
.aboutFather .aboutMes .news-list {
    display: table;
    table-layout: fixed;
    width: 100%;
    font-size: 1.2rem;
    line-height: 3rem;
}
.aboutFather .aboutMes .news-item {
    display: table-row;
    width: 100%;
}
.aboutFather .aboutMes .decoration {
    display: table-cell;
    width: 10%;
    position: relative;
    vertical-align: middle;
    text-align: center;
}
.aboutFather .aboutMes .news-circle {
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #ccc;
    background-color: #fff;
    vertical-align: middle;
}
.aboutFather .aboutMes .decoration:after {
    bottom: 0;
}
.aboutFather .aboutMes .decoration:before, .aboutMes .decoration:after {
    content: "";
    display: block;
    width: 1px;
    height: 50%;
    background: #ccc;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}
.aboutFather .aboutMes .news-box {
    display: table-cell;
    line-height: 3rem;
    width: 80%;
    vertical-align: middle;
    color: #000;
    padding-left: 15px;
    position: relative;
    border-radius: 2px;
}
.aboutFather .aboutMes a {
    color: inherit;
    text-decoration: none;
}
.aboutFather .aboutMes .solid-circle {
    background: #ccc;
    border-radius: 50%;
    width: 0.6rem;
    height: 0.6rem;
    overflow: hidden;
    margin: 0.3rem;
}
.aboutFather .aboutMes .news-item {
    margin: 0 0.5rem;
}
.aboutFather .aboutMes .decoration:before {
    top: 0;
}
.aboutMes .news-title{
font-size:12px;
margin-right:15px;
}
.aboutMes #news-title{
margin-left:15px;	
}
.aboutFather .aboutMes .news-time{
font-size:12px;
color:#a9aaaf;
}
.aboutFather .aboutMes .titleStyle{
font-size:14px;
padding:10px 15px;
}
 .aboutFather .aboutMes .newIcon{
    position:absolute !important;
    left:0;
    top:5px;
    background: url('../img/about/new2.png') no-repeat;
    display:inline-block;
    width:40px;
    height:20px;
    }
 .aboutFather .aboutMes .describe{
    margin-left:15px;
    }